<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
    <title>金材2102目标1</title>
</head>

<body>
    <div id="main" style="width: 80%;height:400px;"></div>
    <script type="text/javascript">
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        const markLineOpt = {
            animation: false,
            label: {
                formatter: '0.15',
                align: 'right'
            },
            data: [
                [
                    {
                        coord: [0, 0.15],
                        symbol: 'none'
                    },
                    {
                        coord: [29, 0.15],
                        symbol: 'none'
                    }
                ]
            ]
        };
        const markLineOpt2 = {
            animation: false,
            label: {
                formatter: '0.13',
                align: 'right'
            },
            data: [
                [
                    {
                        coord: [0, 0.13],
                        symbol: 'none'
                    },
                    {
                        coord: [29, 0.13],
                        symbol: 'none'
                    }
                ]
            ]
        };
        option = {
            xAxis: {
                splitLine: { show: false },
                name: '学生',
                data: ['马泰  ','尹佳豪','梁慧蓉','李琬娜','赵舒雅','张婉婷','姬静然','亢鑫  ','马翔宇','王刚泽','卢一朝','杨晓腾','王昊  ','陈嘉彬','郭子仪','张锦鹏','朱友缘','黄皓楠','郑坤  ','王闯  ','王德领','徐家崑','褚俊超','林智力','孙羽  ','李逸凡','黄翔  ','张嘉宇','高泽天','']
            },
            yAxis: {
                splitLine: { show: false },
                axisLine: {
                    show: true // 显示 Y 轴线
                },
                name: '达成度'
            },
            series: [
                {
                    symbolSize: 12,
                    markLine: markLineOpt,
                    data: [0.146666667,0.171111111,0.18       ,0.151111111,0.151111111,0.164444444,0.162222222,0.171111111,0.116888889,0.168888889,0.078666667,0.154444444,0.16       ,0.115111111,0.124444444,0.160444444,0.103555556,0.14       ,0.166666667,0.133555556,0.166666667,0.182222222,0.146666667,0.186666667,0.148888889,0.173333333,0.146666667,0.133333333,0.166666667],
                    type: 'scatter'
                },
                {
                    markLine: markLineOpt2,
                    type: 'scatter'
                }
            ]
        };

        option && myChart.setOption(option);

    </script>
</body>

</html>